.c3p(@key,@value){
  -webkit-@{key}:@value;
  -moz-@{key}:@value;
  -ms-@{key}:@value;
  -o-@{key}:@value;
  @{key}:@value;
}
// range(10px, 30px, 10)
.loop-key(@un:px;@bfs:75;@prefix:~"pc-";@key;@skey;@min:0;@max:100;@step:5;)when(@max >= @min){
  .loop-key(@un;@bfs;@prefix;@key;@skey;@min;(@max - @step);@step;);
  .@{prefix}@{skey}@{max}{@{key}:unit(@max/@bfs,@un);}
}
.loop-margin(@u;@b;@p;@mi;@ma;@s;){
  .loop-key(@un:@u;@bfs:@b;@prefix:@p;@key:margin;@skey:m;@max:@ma;@step:@s;);
  .loop-key(@un:@u;@bfs:@b;@prefix:@p;@key:margin-top;@skey:mt;@max:@ma;@step:@s;);
  .loop-key(@un:@u;@bfs:@b;@prefix:@p;@key:margin-bottom;@skey:mb;@max:@ma;@step:@s;);
  .loop-key(@un:@u;@bfs:@b;@prefix:@p;@key:margin-left;@skey:ml;@max:@ma;@step:@s;);
  .loop-key(@un:@u;@bfs:@b;@prefix:@p;@key:margin-right;@skey:mr;@max:@ma;@step:@s;);
};
.loop-padding(@u;@b;@p;@mi;@ma;@s;){
  .loop-key(@un:@u;@bfs:@b;@prefix:@p;@key:padding;@skey:p;@max:@ma;@step:@s;);
  .loop-key(@un:@u;@bfs:@b;@prefix:@p;@key:padding-top;@skey:pt;@max:@ma;@step:@s;);
  .loop-key(@un:@u;@bfs:@b;@prefix:@p;@key:padding-bottom;@skey:pb;@max:@ma;@step:@s;);
  .loop-key(@un:@u;@bfs:@b;@prefix:@p;@key:padding-left;@skey:pl;@max:@ma;@step:@s;);
  .loop-key(@un:@u;@bfs:@b;@prefix:@p;@key:padding-right;@skey:pr;@max:@ma;@step:@s;);
};
.each-border-width(@n){
  each(
    range(@n)
    ,{
      .brw-a@{value}{border-style:solid;border-width:@value * 1px;}
      .brw-t@{value}{border-top-style:solid;border-top-width:@value * 1px;}
      .brw-r@{value}{border-right-style:solid;border-right-width:@value * 1px;}
      .brw-b@{value}{border-bottom-style:solid;border-bottom-width:@value * 1px;}
      .brw-l@{value}{border-left-style:solid;border-left-width:@value * 1px;}
    }
  )
}

.text-stroke(@px:unit(1,px),@color:color(#fff)){
  -webkit-text-stroke:@px @color;
  text-shadow: -1*@px -1*@px 0 @color, @px -1*@px 0 @color, -1*@px @px 0 @color, @px -1*@px 0 @color;
}
//某个设计师喜好文字描边……

//每个灰度对象都具有从 0%（白色）到100%（黑色）的亮度值
.gray(@g){background-color:lighten(#000,percentage( @g / 100));}
.gray(fc;@g){color:lighten(#000,percentage( @g / 100));}
.gray(br;@g){border-color:lighten(#000,percentage( @g / 100));}
.Color-gray(@p:100,@n:10)when(@p>0){
  .Color-gray((@p - @n),@n);
  .fc-gray@{p}{.gray(fc,@g:@p);}
  .bg-gray@{p}{.gray(@g:@p);}
  .br-gray@{p}{.gray(br,@g:@p);}
}

.indent(@em)when(@em >= 0){
  .indent(@em - 1);
  .indent@{em}{text-indent: @em * 1em;}
}

.def(atom){
  // .each-border-width(3);
  // .Color-gray(@n:5);
  // .indent(4);
}
.def(atom);

.test(){

}
.test();

// 部分模块跳级直升3.0
// 3.0以上版本部分模块设定.def(模块名)方法用于导入时默认调用，
// 节约常规调用时间

// 2020-07-29:拆分为多个模块

// 新增灰度配色gray()方法用于配色；做.Color-gray的上位互换，用于精确填色；
// 主要运用的是gray()用于背景色，预留gray(fc),gray(br)偶尔使用

// 原autoColor模块被调整到form中做使用


// 2020-07-31:拆分为多个模块
// 首先是loop-key作用原子化atom的基础

// 修改.Color-gray灰度计算的命名，并作为默认部分
// 修改loop-border-width，修改原loop为each，命名修改为brw-@{d}@{n}
// loop-margin/padding/width/height的一般都是留给媒体查询一发做许多